<template>
 <div>
    <v_header :seller='seller'></v_header>
    <!-- <div class="container border-1px">
      <router-link tag="a" to="/first">点我跳转第一个界面</router-link>  
      <router-link tag="a" to="/second">点我跳转第二个界面</router-link>
    </div>
    <router-view></router-view> -->
 </div>
</template>

<script>
import Header from "./components/header/Header";

export default {
  data() {
    return {
      seller : {}
    };
  },
  components: {
    v_header: Header
  },
  created() {
    this.$http.get("http://localhost:3000/api/seller").then(
      res => {
        console.log(res.body);
        this.seller = res.body.data;
        console.log('seller--->',this.seller);
      }, 
      err => {
        console.log('')

      });
  }
};
</script>

<style lang='stylus' rel='stylesheet/stylus'>
@import './common/stylus/mixin.styl';

.container {
  display: flex;
  flex-direction: row;
  border-1px(rgba(7, 17, 27, 0.1));

  &>a {
    flex: 1;

    &:hover {
      background: #cccccc;
      color: yellow;
    }

    &.router-link-active {
      background: #cccccc;
    }
  }
}
</style>
